<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>确认订单</title>
    <!-- 基础样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/orders.css">
    <!-- 字体图标引入 -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">

</head>

<body>
    <form action="">
        <div class="main">
            <!-- 地址信息 -->
            <div class="address">
                <!-- 定位图标 -->
                <i class="iconfont icon-location"> </i>
                <!--用户信息  -->
                <div class="user">
                    <span class="mass">林丽 18500667882</span>
                    <a>北京市 海淀区 中关村软件园 信息科技大厦1号 楼410#</a>
                </div>
                <!-- 箭头 -->
                <span class="iconfont icon-more"></span>
            </div>

            <!-- 产品区域 -->
            <div class="product">
                <div class="left">
                    <img src="./uploads/pic.png" alt="">
                </div>
                <!-- 产品详情 -->
                <div class="right">
                    <a class="detail">
                        康尔贝 非接触式红外体温仪
                        领券立减30元 婴儿级材质 测温…
                        <div class="num">x1</div>
                    </a>
                    <!-- 产品外观 -->
                    <div class="face">
                        <span> 粉色</span> <span>红外体温计</span>
                    </div>
                    <!-- 价格 -->
                    <div class="product_money">
                        <a href="#">
                            <span>¥</span>
                            <span>226</span>
                        </a>
                        <!-- 降价 -->
                        <a class="online_money">¥229 </a>
                    </div>
                </div>
            </div>

            <!-- 支付 -->
            <div class="pay">
                <ul>
                    <li>
                        <div>配送方式</div>
                        <div>顺丰快递</div>
                    </li>
                    <li>
                        <div>商家备注</div>
                        <div class="pay_right">希望可以尽快发货，谢谢~</div>
                    </li>
                    <li>
                        <div>支付方式</div>
                        <span class="pay_right">支付宝<span class="iconfont icon-more"></span></span>
                    </li>

                </ul>
            </div>

            <!-- 价格 -->
            <div class="price">
                <ul>
                    <li>
                        <div>商品总价</div>
                        <div>￥ 299.00</div>
                    </li>
                    <li>
                        <div>运费</div>
                        <div>￥ 0.00</div>
                    </li>
                    <li>
                        <div>折扣</div>
                        <div class="pay_right">￥ -30.00</div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="footer">
            <span class="hj">合计：</span>
            <div class="jiage"><span>￥</span> 266.00</div>
            <a href="#">
                <button>去支付</button></a>
        </div>
    </form>
 
</body>

</html>